<template>
    <div>
        <mt-swipe :auto="4000">
            <mt-swipe-item>1</mt-swipe-item>
            <mt-swipe-item>2</mt-swipe-item>
            <mt-swipe-item>3</mt-swipe-item>
        </mt-swipe>
        <div class="mui-content">
            <ul class="mui-table-view mui-grid-view mui-grid-9">
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
                    <img src="../img/menu1.png">
                    <div class="mui-media-body">Home</div></a></li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
                    <img src="../img/menu2.png">
                    <div class="mui-media-body">Email</div></a></li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
                    <img src="../img/menu3.png">
                    <div class="mui-media-body">Chat</div></a></li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
                    <img src="../img/menu4.png">
                    <div class="mui-media-body">location</div></a></li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
                    <img src="../img/menu5.png">
                    <div class="mui-media-body">Search</div></a></li>
                <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="#">
                    <img src="../img/menu6.png">
                    <div class="mui-media-body">Phone</div></a></li>
            </ul> 
		</div>
    </div>
</template>
<script>
    export default {
        
    }
</script>
<style scoped>
    .mint-swipe{
        height: 200px;
    }
   .mint-swipe-items-wrap div:nth-child(1){
        background-color: brown;
   }
   .mint-swipe-items-wrap div:nth-child(2){
        background-color: rgb(230, 245, 20);
   }
   .mint-swipe-items-wrap div:nth-child(3){
        background-color: rgb(207, 18, 240);
   }
    img{
        width: 55px;
        height: auto;
    }
</style>